<ui:composition template="template.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                 xmlns:h="http://java.sun.com/jsf/html"
                 xmlns:icecore="http://www.icefaces.org/icefaces/core"
      xmlns:ace="http://www.icefaces.org/icefaces/components"
      xmlns:ice="http://www.icesoft.com/icefaces/component"
      xmlns:f="http://java.sun.com/jsf/core">
    <ui:define name="body_content">
        
         <ace:panel id="personalInfoInputPanel" header="Manual de ayuda a los usuarios de SIVE"  styleClass="panel-principal">
                    
                    
                    <h:graphicImage value="img/ico/help.png" class="ico-head"  />
                    <span Class="titulo_panel">Este manual de ayuda te guiará para utilizar SIVE</span>
                    <ul class="ayuda">
                        <li class="titulo_lista"><span>Módulo de Marchamo</span></li>
                        <ul class="sublista">
                            <li><a href="#">¿Como crear marchamo?</a></li>
                            <li><a href="#">¿Como modificar marchamo?</a></li>
                            <li><a href="#">¿Como reactivar marchamo?</a></li>
                        </ul>
                         <li class="titulo_lista"><span>Módulo de Estacionamiento</span></li>
                         <ul class="sublista">
                            <li><a href="#">¿Como reservar un evento?</a></li>
                            <li><a href="#">¿Como reservar una visita?</a></li>
                            <li><a href="#">¿Como registrar incidentes?</a></li>
                            <li><a href="#">¿Como registrar multas e infracciones?</a></li>
                        </ul>
                        <li class="titulo_lista"><span>Módulo de Consultas</span></li>
                        <ul class="sublista">
                            <li><a href="#">¿Como realizar una consulta múltiple?</a></li>
                            <li><a href="#">¿Como realizar una consulta específica?</a></li>
                            <li><a href="#">¿Como realizar una consulta de ingreso de vehículo?</a></li>                            
                        </ul>
                        <li class="titulo_lista"><span>Módulo de Historial</span></li>
                         <ul class="sublista">
                            <li><a href="#">¿Como revisar las estadísticas y reportes?</a></li>
                            <li><a href="#">¿Como ver la revisión de vehículo?</a></li>                            
                        </ul>
                    </ul>
                </ace:panel>
                
          </ui:define>
    </ui:composition>
